<template>

  <div class="main" v-wechat-title='$route.meta.title || ""'>
    <router-view v-slot="{ Component }">
        <keep-alive>
          <component :is="Component"  v-if="$route.meta.keepAlive"/>
        </keep-alive>
        <component :is="Component"  v-if="!$route.meta.keepAlive"/>
    </router-view>
  </div>

</template>
<script>

export default {
  components:{
   
  }
}
</script>

<style lang="scss">
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  font-size: 28px!important;
}
.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    line-height: 0;
    clear: both; 
    visibility: hidden;
    margin: 0; padding: 0; overflow:hidden;
}
.flexBox {
	display: flex;
}
.flexItem {
	display: block;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	flex: 1;
}
a{
  color: #333333;
}

.van-hairline--top-bottom{
  z-index: 100!important;
}

</style>
